<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <title></title>
    <link rel="stylesheet" href="../css/animate.min.css"/>
    <link rel="stylesheet" href="../css/index.css"/>
</head>
<body>
<!-- loading -->
<div id="jiaZai">
    <img src="../image/loadbg.png"/>
</div>
 <!--背景音乐 -->
<audio id="audio" src="../audio/bg.mp3" ontrols="controls" loop="false" hidden="true" autoplay="autoplay">
            您的浏览器不支持 audio 标签。
</audio>
<!--page-home-->
<div id="main">
        <div id="main_header">
            <img src="../image/time_h.png" alt="" class="time_h">
            <img src="../image/time_y.png" alt="" class="time_y">
        </div>
        <div id="center">
            <img src="../image/msg.png" alt="" class="msg">
        </div>
        <div id="footer">
            <img src="../image/hdljs.png" alt="" class="hdljs">
        </div>
</div>
<!-- page-1 -->
<div id="main1">
    <div class="content">
        <div>
            <img src="../image/logo.png" class="logo"/>
        </div>
        <div>
            <img src="../image/slogan.png" class="slogan"/>
        </div>
        <div>
            <img src="../image/explain.png" class="explain"/>
        </div>
        <div>
            <img src="../image/winning.png" class="winning"/>
        </div>
        <div class="cnbtn">
            <a href="#"><img src="../image/button-img.png" class="button-img"/></a>
        </div>
        <div>
         <a class="selfcity">只要您生活在这个城市<a/>
            <a href="#"><img src="../image/main1yezhu.png" class="main1yezhu"/></a>
        </div>
    </div>
</div>
<!-- page-2 -->
<div id="slip">
<div id="main2" class="swipe-box">
    <div class="content">
        <div>
            <span class="cloud-animation"><img src="../image/cloud.png" class="cloud"/></span>
            <span class="sun-animation"><img src="../image/sun.png" class="sun"/></span>
        </div>
        <div class="description">
            <img src="../image/description1.png" class="description1"/>
            <img src="../image/description3.png" class="description3"/>
            <img src="../image/description2.png" class="description2"/>
            <span class="heart-animation">
                <img src="../image/heart.png" class="heart"/>
            </span>
        </div>
        <div>
            <img src="../image/house.png" class="house"/>
        </div>
    </div>
</div>
<!-- page-3 -->
<div id="main3" class="swipe-box">
    <div class="content">
        <div class="fc3-animation">
            <img src="../image/fc3.png" class="fc3"/>
        </div>
        <div class="home">
            <div>
                <img src="../image/title3.png" class="title3"/>
                <span class="xin3-animation">
                     <img src="../image/xin3.png" class="xin3"/>
                </span>
            </div>
            <div>
                <img src="../image/filamy.png" class="filamy"/>
            </div>
            <div class="desc3">
                <div>
                    <img src="../image/you_img.png" class="you_img"/>
                </div>
                <img src="../image/desc3.png"/>
            </div>
        </div>
        <div class="footer3">
            <img src="../image/footer3.png"/>
        </div>
    </div>
</div>
</div>
<!-- 滑动箭头 -->
<!-- 滑动箭头 -->
<div id="arrow">
    <img src="../image/arrow.png"/>
</div>
<script src="../js/touch.js"></script>
<script src="../js/jquery-1.8.0.min.js"></script>
<script src="../js/slip.min.js"></script>
<script src="../js/index.js"></script>
</body>
</html>